import Image from './Image'
import { makeStyles } from '@material-ui/core/styles'
const useStyles = makeStyles({
    root: {
        paddingBottom: '56px'
    }
})
function ImagesList({ images }) {
    return (
        <section className={['images-list', useStyles().root].join(' ')}>
            {
                images.map((image, idx) => {
                    return <Image src={image.url} alt={image.alt} key={idx} />
                })
            }
        </section>
    )
}

export default ImagesList